<mxfile host="localhost" modified="2023-11-28T13:52:32.870Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36" etag="HxczxPSqAcfbwsHiQGkp" version="@DRAWIO-VERSION@" type="device">
  <diagram id="f106602c-feb2-e66a-4537-3a34d633f6aa" name="Page-1">
    <mxGraphModel dx="2105" dy="1034" grid="1" gridSize="10" guides="1" tooltips="1" connect="0" arrows="0" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" background="none" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="14" value="&lt;b&gt;Google &lt;/b&gt;Cloud Platform" style="fillColor=#F6F6F6;strokeColor=none;shadow=0;gradientColor=none;fontSize=14;align=left;spacing=10;fontColor=#717171;9E9E9E;verticalAlign=top;spacingTop=-4;fontStyle=0;spacingLeft=40;html=1;" parent="1" vertex="1">
          <mxGeometry x="460" y="100" width="360" height="590" as="geometry" />
        </mxCell>
        <mxCell id="15" value="" style="shape=mxgraph.gcp2.google_cloud_platform;fillColor=#F6F6F6;strokeColor=none;shadow=0;gradientColor=none;" parent="14" vertex="1">
          <mxGeometry width="23" height="20" relative="1" as="geometry">
            <mxPoint x="20" y="10" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="JfaIJp79FuYvpfGArNaX-481" value="" style="strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;" vertex="1" parent="14">
          <mxGeometry x="9.5" y="272.5" width="170" height="60" as="geometry" />
        </mxCell>
        <mxCell id="JfaIJp79FuYvpfGArNaX-482" value="&lt;font color=&quot;#000000&quot;&gt;Streaming Server&lt;/font&gt;&lt;br&gt;Compute Engine" style="editableCssRules=.*;html=1;fontColor=#999999;shape=image;verticalLabelPosition=middle;verticalAlign=middle;labelPosition=right;align=left;spacingLeft=20;part=1;points=[];imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPiYjeGE7CTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJLnN0MHtmaWxsOiM0Mjg1ZjQ7fSYjeGE7CS5zdDF7ZmlsbDojNjY5ZGY2O30mI3hhOwkuc3Qye2ZpbGw6I2FlY2JmYTt9JiN4YTsJPC9zdHlsZT4mI3hhOwk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNyA3aDZ2Nkg3eiIvPiYjeGE7CTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05IDBoMnY0SDl6TTUgMGgydjRINXptOCAwaDJ2NGgtMnoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOSAxNmgydjRIOXptLTQgMGgydjRINXptOCAwaDJ2NGgtMnptMy01VjloNHYyem0wIDR2LTJoNHYyem0wLThWNWg0djJ6Ii8+JiN4YTsJPHBhdGggY2xhc3M9InN0MSIgZD0iTTAgMTFWOWg0djJ6bTAgNHYtMmg0djJ6bTAtOFY1aDR2MnoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMyAzdjE0aDE0VjN6bTEyIDEySDVWNWgxMHoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAgMTBsLTMgM2g2eiIvPiYjeGE7CTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMyA3bC0zIDMgMyAzeiIvPiYjeGE7PC9zdmc+;" vertex="1" parent="JfaIJp79FuYvpfGArNaX-481">
          <mxGeometry width="30" height="30" relative="1" as="geometry">
            <mxPoint x="15" y="15" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="JfaIJp79FuYvpfGArNaX-483" value="" style="strokeColor=#dddddd;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;" vertex="1" parent="14">
          <mxGeometry x="9.5" y="400" width="170" height="60" as="geometry" />
        </mxCell>
        <mxCell id="JfaIJp79FuYvpfGArNaX-484" value="&lt;font color=&quot;#000000&quot;&gt;Segment Storage&lt;/font&gt;&lt;br&gt;Cloud Storage" style="editableCssRules=.*;html=1;fontColor=#999999;shape=image;verticalLabelPosition=middle;verticalAlign=middle;labelPosition=right;align=left;spacingLeft=20;part=1;points=[];imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjAgMTYiPiYjeGE7CTxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJLnN0MHtmaWxsOiM0Mjg1ZjQ7fSYjeGE7CS5zdDF7ZmlsbDojNjY5ZGY2O30mI3hhOwkuc3Qye2ZpbGw6I2FlY2JmYTt9JiN4YTsJLnN0M3tmaWxsOiNmZmY7fSYjeGE7CTwvc3R5bGU+JiN4YTsJPHBhdGggY2xhc3M9InN0MiIgZD0iTTAgMGgyMHY3SDB6Ii8+JiN4YTsJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE4IDBoMnY3aC0yeiIvPiYjeGE7CTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOCA3bDItN2gtMnoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCAwaDJ2N0gweiIvPiYjeGE7CTxnIGNsYXNzPSJzdDMiPiYjeGE7CQk8cGF0aCBkPSJNNCAzaDZ2MUg0eiIvPiYjeGE7CQk8cmVjdCB4PSIxMyIgeT0iMiIgd2lkdGg9IjMiIGhlaWdodD0iMyIgcng9IjEuNSIvPiYjeGE7CTwvZz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMCA5aDIwdjdIMHoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTggOWgydjdoLTJ6Ii8+JiN4YTsJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4IDE2bDItN2gtMnoiLz4mI3hhOwk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMCA5aDJ2N0gweiIvPiYjeGE7CTxnIGNsYXNzPSJzdDMiPiYjeGE7CQk8cGF0aCBkPSJNNCAxMmg2djFINHoiLz4mI3hhOwkJPHJlY3QgeD0iMTMiIHk9IjExIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIiByeD0iMS41Ii8+JiN4YTsJPC9nPiYjeGE7PC9zdmc+;" vertex="1" parent="JfaIJp79FuYvpfGArNaX-483">
          <mxGeometry width="30" height="24" relative="1" as="geometry">
            <mxPoint x="15" y="18" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="437" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="14" source="JfaIJp79FuYvpfGArNaX-481" target="JfaIJp79FuYvpfGArNaX-483" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="40.10344827586209" y="220" as="sourcePoint" />
            <mxPoint x="95.27586206896558" y="370" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="2" value="Architecture: Media &amp;gt; Live Streaming" style="fillColor=#4DA1F5;strokeColor=none;shadow=1;gradientColor=none;fontSize=14;align=left;spacingLeft=50;fontColor=#ffffff;html=1;" parent="1" vertex="1">
          <mxGeometry x="34.5" y="40" width="1100" height="40" as="geometry" />
        </mxCell>
        <mxCell id="16" value="" style="rounded=1;absoluteArcSize=1;arcSize=2;html=1;strokeColor=none;gradientColor=none;shadow=0;dashed=0;strokeColor=none;fontSize=12;fontColor=#9E9E9E;align=left;verticalAlign=top;spacing=10;spacingTop=-4;fillColor=#E0E0E0;" parent="1" vertex="1">
          <mxGeometry x="34.5" y="740" width="1100" height="30" as="geometry" />
        </mxCell>
        <mxCell id="434" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="414" target="416" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="414" value="Live Event" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="75" y="360" width="70" height="85" as="geometry" />
        </mxCell>
        <mxCell id="415" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.live;part=1;" parent="414" vertex="1">
          <mxGeometry x="0.5" width="37" height="50" relative="1" as="geometry">
            <mxPoint x="-18.5" y="10" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="435" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="416" target="418" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="416" value="Recording" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="185" y="360" width="70" height="85" as="geometry" />
        </mxCell>
        <mxCell id="417" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.record;part=1;" parent="416" vertex="1">
          <mxGeometry x="0.5" width="50" height="33" relative="1" as="geometry">
            <mxPoint x="-25" y="18.5" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="436" value="&lt;font color=&quot;#999999&quot;&gt;RTMP / RTSP&lt;/font&gt;" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=12;fontColor=#000000;dashed=0;strokeColor=#9E9E9E;labelBackgroundColor=#ffffff;endSize=4;startSize=4;" parent="1" source="418" target="JfaIJp79FuYvpfGArNaX-481" edge="1">
          <mxGeometry x="-0.0033" y="12" relative="1" as="geometry">
            <mxPoint x="500.1034482758621" y="320" as="targetPoint" />
            <mxPoint as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="418" value="Encoding" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="295" y="360" width="70" height="85" as="geometry" />
        </mxCell>
        <mxCell id="419" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.laptop;part=1;" parent="418" vertex="1">
          <mxGeometry x="0.5" width="50" height="33" relative="1" as="geometry">
            <mxPoint x="-25" y="18.5" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="438" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="JfaIJp79FuYvpfGArNaX-481" target="424" edge="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="555" y="295.1379310344828" as="sourcePoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="439" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="424" target="426" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="424" value="" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;fontSize=17;fontColor=#000000;align=right;html=1;" parent="1" vertex="1">
          <mxGeometry x="680" y="374.5" width="120" height="56" as="geometry" />
        </mxCell>
        <mxCell id="425" value="CDN&lt;br&gt;Interconnect&lt;br&gt;" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.google_network_edge_cache;part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#000000;fontSize=12;" parent="424" vertex="1">
          <mxGeometry y="0.5" width="32" height="32" relative="1" as="geometry">
            <mxPoint x="5" y="-16" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="440" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="426" target="430" edge="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="441" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="426" target="428" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="900" y="268" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="442" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;startArrow=none;startFill=0;endArrow=blockThin;endFill=1;jettySize=auto;orthogonalLoop=1;strokeWidth=2;fontSize=10;fontColor=#999999;dashed=0;strokeColor=#4284F3;labelBackgroundColor=none;endSize=4;startSize=4;" parent="1" source="426" target="432" edge="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="900" y="534" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="426" value="" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;fontSize=17;fontColor=#000000;align=right;html=1;" parent="1" vertex="1">
          <mxGeometry x="850" y="372.5" width="100" height="60" as="geometry" />
        </mxCell>
        <mxCell id="427" value="&lt;font color=&quot;#000000&quot;&gt;Fastly&lt;/font&gt;&lt;br&gt;CDN" style="dashed=0;html=1;fillColor=#5184F3;strokeColor=none;shape=mxgraph.gcp2.fastly;part=1;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=5;fontColor=#999999;fontSize=12;" parent="426" vertex="1">
          <mxGeometry width="45" height="17.55" relative="1" as="geometry">
            <mxPoint x="5" y="20.725" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="428" value="Browser Client" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="1000" y="220" width="70" height="95" as="geometry" />
        </mxCell>
        <mxCell id="429" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.laptop;part=1;" parent="428" vertex="1">
          <mxGeometry x="0.5" width="50" height="33" relative="1" as="geometry">
            <mxPoint x="-25" y="18.5" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="430" value="Mobile / Tablet Client" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="1000" y="354.5" width="70" height="96" as="geometry" />
        </mxCell>
        <mxCell id="431" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.phone;part=1;" parent="430" vertex="1">
          <mxGeometry x="0.5" width="32" height="50" relative="1" as="geometry">
            <mxPoint x="-16" y="10" as="offset" />
          </mxGeometry>
        </mxCell>
        <mxCell id="432" value="Streaming Player" style="strokeColor=#dddddd;fillColor=#ffffff;shadow=1;strokeWidth=1;rounded=1;absoluteArcSize=1;arcSize=2;labelPosition=center;verticalLabelPosition=middle;align=center;verticalAlign=bottom;spacingLeft=0;fontColor=#999999;fontSize=12;whiteSpace=wrap;spacingBottom=2;html=1;" parent="1" vertex="1">
          <mxGeometry x="1000" y="488" width="70" height="92" as="geometry" />
        </mxCell>
        <mxCell id="433" value="" style="dashed=0;html=1;fillColor=#757575;strokeColor=none;shape=mxgraph.gcp2.stream;part=1;connectable=0;" parent="432" vertex="1">
          <mxGeometry x="0.5" width="50" height="41" relative="1" as="geometry">
            <mxPoint x="-25" y="14.5" as="offset" />
          </mxGeometry>
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
